<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title> Dilu's Website </title>
<link rel="stylesheet" href="main.css">
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
</script>
</head>
<body>
<header>
<h1>Welcome to my html5 Demo Website</h1>	
</header>
<nav>
		<ul>
			<li>Home</li>
			<li>About</li>
			<li>Introduction</li>
			<li>Content</li>
			<li>Contact</li>
		<ul>
	</nav>
	<section>
		<article>
			<header>
				<hgroup>
					<h1>Title of Article</h1>
					<h2>Subject of Article</h2>
				</hgroup>
			</header>
			<p name="blue">This is a best article eva!</p>
			<footer>
				<p color="teenbacon">-Written by Tilu</p>
			</footer>
			<header>
				<hgroup>
					<h1>Title of Article 2</h1>
					<h2>Subject of Article</h2>
					<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #000000;">
</canvas>

				</hgroup>
			</header>
			<p name="blue">This is a second best article eva!</p>
			<footer>
				<p color="baconold">-Written by Tilu</p>
			</footer>
		</article>
	</section>
	<aside>
	<h4>News</h4>
	Dilu has three cats and two dogs now!!!
	</aside>
<footer>Copy right by tilu</footer>
</body>
</html>